<template>
  <fieldset>
    <legend>Input组件</legend>
    <input type="text"
           v-model="val">
    <!-- 子组件 -->
    <List :data="val"
          @to-parent="receive"></List>
  </fieldset>
</template>
<script>
  import List from "./List.vue"

  //1.获取输入框的值
  //2.给点击按钮注册事件

  //父组件传子组件的流程

  //1.首先在子组件的标签上面,使用v-bind动态的绑定一个属性data

  //2.在子组件的选项中,使用props属性接受传递的参数data

  export default {
    data() {
      return {
        val: ""
      }
    },
    methods: {
      receive(input) {
        console.log(input);
        this.val = ""
       }
    },
    components: {
      List
    }
  }
</script>